<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        span {
            font-size: 12px;
            display: inline-block;
            -webkit-transform: scale(0.8);
        }
    </style>
</head>

<body>
    <!-- 1.怎么让谷歌支持小于12px的文字？ -->

    <span>测试10px</span>

    <!-- 2.实现点击文字后面的radio选中效果 -->
    <form>
        <label for="male">male</label>
        <input type="radio" name="sex" id="male">
        <br/>
        <label for="female">Female</label>
        <input type="radio" name="sex" id="female">
    </form>

    <!-- 3.网站中，图片文件，如何点击下载？而非点击预览 -->
    <a href="https://www.baidu.com/favicon.ico" download>下载</a>
    <!-- 我们还可以指定文件名称，如下写法： -->
    <a href="tupiandizhi.jpg" download="baidu"></a>

    <form class="form-horizontal">
        <div class="form-group">
            <label>用户名</label>
            <input type="text" class="form-control" name="userName"/>
        </div>
        <div class="form-group">
            <label>密码</label>
            <input type="password" class="form-control" name="pwd"/>
        </div>
    </form>  
    <script>
        //   1.数组去重最简单的两种方法
        var arr = [0, 3, 4, 5, 3, 4, 7, 8, 2, 2, 5, 4, 6, 7, 8, 0, 2, 0, 90];
        //    第一种ES6方法：console.log([...new Set(arr)]) 
        var a = arr.filter(function (elem, index, Array) {
            return index === Array.indexOf(elem);
        })  //第二种ES5数组过滤方法
        console.log(a)

        //    2.let作用域的范围
        const arr1 = [];
        for (let i = 0; i < 10; i++) {
            arr1.push(function () {
                return console.log(i)
            })
        }
        arr1[0]() //0
        arr1[1]() //1
        arr1[2]() //2
           
        //3.缓存功能
        var data = '[ { "name": "张三", "age": 19, "gender": "男"}, { "name": "李四", "age": 18, "gender": "女"} ]';
		data = JSON.parse(data);
		// console.log(data);
		data = JSON.stringify(data);
		// console.log(data);
		window.localStorage.setItem('key',data);
		console.log(window.localStorage.getItem('key'));

        //4.JQ搜集表单数据
        var str = $("form").serialize();
        console.log(str);
    </script>
</body>
</html>